<!--分页-->
<template>
  <el-pagination :page-size.sync="page.size" :page-sizes="pageSizes" :total="page.total" :current-page.sync="page.page" style="margin-top: 8px;" :layout="showJumper ? 'total, prev, pager, next, sizes' : 'total, prev, pager, next, sizes, jumper'" @size-change="crud.sizeChangeHandler($event)" @current-change="crud.pageChangeHandler" :pager-count="showJumper ? 5 : 7" :small="showJumper" />
</template>
<script>
import { pagination } from '@crud/crud'
export default {
  mixins: [pagination()],
  props: {
    pageSizes: {
      type: Array,
      default() {
        return [10, 20, 30, 50]
      }
    },
    showJumper: {
      type: Boolean,
      default() {
        return false
      }
    }
  }
}
</script>
